<template>
	<div class="cover">
		<div></div>
		<div class="title">{{title}}</div>
	</div>
</template>

<script>
	export default {
		name: "mask",
		props: {
			title: {
				type: String,
				default: ''
			}
		}
	}
</script>

<style scoped>

	.cover {
		position: fixed;
		left: 0px;
		top: 0px;
		background: rgba(0, 0, 0, 0.8);
		width: 100%; /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
		height: 100%;
		filter: alpha(opacity=80); /*设置透明度为60%*/
		opacity: 0.8; /*非IE浏览器下设置透明度为60%*/
		z-Index: 2001;
	}

	.title {
		position: fixed;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		font-size: 20px;
		font-weight: bold;
		color: #FFFFFF;
	}
</style>
